import { DomUtils } from '../utils/DomUtilsMin';


/**
 * ### 移动端哔哩哔哩(https://m.bilibili.com)网页美化
 * 
 * 测试网页：
 * - https://m.bilibili.com/opus/615060821692328451
 */
export class BiliBili {
    
    static hostname = 'm.bilibili.com';

    main(pathname) {
        if (pathname.startsWith('/opus')) {
            this.handleOpus();
        }
    }
    
    /**
     * 处理作品页面
     */
    handleOpus() {
        DomUtils.remove([
            // 页面底部打开APP提示的遮罩弹窗
            '.openapp-dialog',
            // 页面底部 "打开APP，查看更多精彩内容" 按钮
            '.m-open-app.fixed-openapp',
        ]);
        const readMore = document.querySelector('.opus-read-more');
        if (!readMore) {
            alert('没有找到阅读更多按钮', readMore);
            return;
        }
        readMore.click();
        // 文章自动展开
        DomUtils.observe(document.body, ['childList'], { childList: true }, ({ target }) => {
            const dialog = target.querySelector('.v-dialog');
            if (!dialog) return;
            DomUtils.hide(dialog);

            dialog.querySelector('.open-app-dialog-btn.cancel')?.click();
        });
        // 去除下边距
        DomUtils.appendStyle(`
            .reply-list {
                margin-bottom: 0;
            }    
        `);
    }
}